<template>
  <!-- .sync(一个子组件标签能用多个.sync)
         <子组件标签  :属性名='父组件属性' @update:属性名="父组件属性=$event"  />
         <子组件标签  :属性名.sync='父组件属性'  />
         子组件内
            props:['属性名']
            this.$emit('update:属性名',实参值)

        v-model（一个子组件标签只能用一个v-model）
         <子组件标签 :value="父组件属性"  @input="父组件属性=$event"  />
         <子组件标签 v-model="父组件属性" />
         子组件内
           props:['value123'],
           model:{
            prop:'value123',
            event:'input123'
           }
           this.$emit('input123',实参值)
   -->

  <div>
    <h1>父组件---{{ num }}</h1>
    <hr>
    <!-- <HmSon :sonnum="num" @update:sonnum="num=$event" /> -->
    <HmSon :sonnum.sync="num" />
  </div>
</template>
<script>
import HmSon from './components/HmSon.vue'
export default {
  components: {
    HmSon
  },
  data() {
    return {
      num: 0
    }
  },
  methods: {
  }
}
</script>
<style>
</style>
